<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ include file="/WEB-INF/jsp/commons/taglibs.jsp"%>
<style type="text/css">
BODY {
 FONT-SIZE: 12px; COLOR: black; LINE-HEIGHT: 1.5; FONT-FAMILY: Arial, sans-serifarial, Verdana, Helvetica; TEXT-ALIGN: left
}
.pagination {
 PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FLOAT: right; PADDING-BOTTOM: 5px; PADDING-TOP: 5px
}
.pagination A {
 BORDER-RIGHT: #aaaadd 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #aaaadd 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #aaaadd 1px solid; COLOR: #006699; PADDING-TOP: 2px; BORDER-BOTTOM: #aaaadd 1px solid; TEXT-DECORATION: none
}
.pagination A:link {
 BORDER-RIGHT: #aaaadd 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #aaaadd 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #aaaadd 1px solid; COLOR: #006699; PADDING-TOP: 2px; BORDER-BOTTOM: #aaaadd 1px solid; TEXT-DECORATION: none
}
.pagination A:visited {
 BORDER-RIGHT: #aaaadd 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #aaaadd 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #aaaadd 1px solid; COLOR: #006699; PADDING-TOP: 2px; BORDER-BOTTOM: #aaaadd 1px solid; TEXT-DECORATION: none
}
.pagination A:hover {
 BORDER-RIGHT: #006699 1px solid; BORDER-TOP: #006699 1px solid; BORDER-LEFT: #006699 1px solid; COLOR: #000; BORDER-BOTTOM: #006699 1px solid; TEXT-DECORATION: none
}
.pagination A:active {
 BORDER-RIGHT: #006699 1px solid; BORDER-TOP: #006699 1px solid; BORDER-LEFT: #006699 1px solid; COLOR: #000; BORDER-BOTTOM: #006699 1px solid; TEXT-DECORATION: none
}
.pagination SPAN.current {
 BORDER-RIGHT: #006699 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #006699 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #006699 1px solid; COLOR: #fff; PADDING-TOP: 2px; BORDER-BOTTOM: #006699 1px solid; BACKGROUND-COLOR: #006699
}
.pagination SPAN.disabled {
 BORDER-RIGHT: #eee 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #eee 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #eee 1px solid; COLOR: #ddd; PADDING-TOP: 2px; BORDER-BOTTOM: #eee 1px solid
}
</STYLE>

 <div class="title"><span><a href="#">留言联系</a></span></div>
			<div class="content cf">
				<div class="write">
					<a class="btn_blue" href="javascript:addMessage()">我要留言</a>
				</div>
				<ul class="zixun_list cf">
					<c:forEach var="leave" items="${pageData.result}">
					<li>
						<p class="message_title"><b>[${leave.leaveTitle }]</b>${leave.memberLeaveType.typeName }<span>(<fmt:formatDate value="${leave.leaveTime }" pattern="yyyy-MM-dd" />)</span><span><a href="javascript:void(0)" onclick="deleteMessage(${leave.id },${pageData.pagination.pageNo },${pageData.pagination.totalCount },${pageData.pagination.pageSize })">删除</a></span></p>
						<p class="message_content">你好管理员：${leave.leaveContent }</p>
						<c:if test="${leave.isReply == 0}">
						<p class="message_reply">[暂未回复]</p>
						</c:if>
						<c:if test="${leave.isReply == 1}">
						<p class="message_reply">回复:${leave.leaveReply.replyContent }</p>
						<p class="message_reply_time"> —— 管理员 回复：<fmt:formatDate value="${leave.leaveReply.replyTime }" pattern="yyyy-MM-dd HH:mm:SS" /></p>
						</c:if>
					</li>
		   			</c:forEach>	
				</ul>
				<div>
				${pagination }
				</div>
			</div>